<div id="config-main">
    <div class="palm-page-header multi-line">
		<div class="palm-page-header-wrapper">
	        <div class="icon wifi"></div>
	        <div class="title">
				Wi-Fi
	        </div>
	    </div>
    </div>

    <div class="palm-list">
        <div class="palm-list">
            <div class='palm-row first'>
		        <div class="palm-row-wrapper">	
		            <div class="palm-body-text" id="joinTitle"> </div> 
		        </div>
			</div>
			<div class="palm-row last">
				<div class="palm-row-wrapper">		
		    		<div x-mojo-element="ToggleButton" id="ipSelection"></div>
		        	<div class="title">自动 IP 设置</div>	        
				</div>
			</div>
		</div>	

		<div id="ipInformation">
			<div class="palm-group">
				<div class="palm-group-title">
					<span>IP 地址</span>
				</div>
				<div class="palm-list">
					<div class='palm-row first'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">地址</div>
								<div id="ip_widget" name="ip_widget" x-mojo-element="TextField"> </div>
							</div>	
						</div>
					</div>

					<div class='palm-row'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">子网</div>
								<div id="subnet_widget" name="subnet_widget" x-mojo-element="TextField"></div>        	
							</div>	
						</div>
					</div>

					<div class='palm-row'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">网关</div>
								<div id="gateway_widget" name="gateway_widget" x-mojo-element="TextField"></div>
							</div>	
						</div>
					</div>

					<div class='palm-row'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">DNS服务器</div>
								<div id="dns1_widget" name="dns1_widget" x-mojo-element="TextField"></div>
							</div>	
						</div>
					</div>

					<div class='palm-row last'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">DNS服务器</div>
								<div id="dns2_widget" name="dns2_widget" x-mojo-element="TextField"></div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="apInformation">
			<div class="palm-group">
				<div class="palm-group-title">
					<span>接入点信息</span>
				</div>
				<div class="palm-list">
					<div class='palm-row first'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">BSSID</div>
								<div id="bssid_widget" x-mojo-element="TextField"> </div>
							</div>	
						</div>
					</div>

					<div class='palm-row'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">信号</div>
								<div id="signallevel_widget" x-mojo-element="TextField"></div>
							</div>	
						</div>
					</div>

					<div class='palm-row last'>
						<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
							<div class="title">
								<div class="label">频道</div>
								<div id="apchannel_widget" x-mojo-element="TextField"> </div>
							</div>	
						</div>
					</div>
				</div>
			</div>

		</div>

		<div x-mojo-element="Button" id="discardButton"></div>	
		<div x-mojo-element="Button" id="joinButton"></div>
    </div>
</div>
